<template>
    <div>
        <!--头部+banner-->
        <div class="a-1">
            <!--顶部导航-->
            <div class="a-2">
                <div class="a-3">
                    <Header v-bind:state=4></Header>
                </div>
            </div>
            <!--banner-->
            <div class="target e-1" id="target-2">
                <div>
                    <div><img src="@/assets/image/ny-banner3.png"></div>
                </div>
            </div>
            <!--消息通知-->
            <div class="a-14">
                <div class="a-15">
                    <img class="a-16" src="@/assets/image/tz.png" />
                    <div class="a-17">
                        <div class="swiper-container swiper-containerOne">
                            <div class="swiper-wrapper clearfix">
                                <div class="swiper-slide"><a href="javascipt:;">消息通知消息通知消息消息通知消息通知消息</a></div>
                                <div class="swiper-slide"><a href="javascipt:;">消息通知消息通知消息消息通知消息通知消息</a></div>
                                <div class="swiper-slide"><a href="javascipt:;">消息通知消息通知消息消息通知消息通知消息</a></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--新闻列表-->
        <div class="e-2">
            <div class="e-3">
                <!--路由-->
                <div class="b-8">
                    <div class="b-9">当前位置： <a href="javascript:;">首页</a> > <a href="javascript:;">行业资讯</a></div>
                </div>
                <div class="e-4">
                    <div class="a-48">
                        <div class="a-49">Industry Information</div>
                        <div class="a-50">行业资讯</div>
                        <img class="a-51" src="@/assets/image/index-9.png" />
                    </div>
                    <ul class="e-5">
                        <li><a href="javascript:;">
                            <div class="e-6"><img class="e-7" src="@/assets/image/architecture-1850129_1920.png"/></div>
                            <div class="e-8">
                                <div class="e-16">
                                    <div class="e-9">
                                        <div class="e-10">01</div>
                                        <div class="e-11"></div>
                                        <div class="e-12">2017-01</div>
                                    </div>
                                    <div class="e-13">
                                        <div class="e-14">这是一条新闻标题告知公司最近发生了什么</div>
                                        <div class="e-15">新闻详情点击这里，这里是新闻的详情点击之后可以进行了解公司，文字均可以替换成自己公司的。新闻详情点击这里，这里是新闻的详情点击之后可以进行了解公司，文字均可以替换成自己公司的。</div>
                                    </div>
                                </div>
                            </div>
                        </a></li>
                        <li><a href="javascript:;">
                            <div class="e-6"><img class="e-7" src="@/assets/image/architecture-1850129_1920.png"/></div>
                            <div class="e-8">
                                <div class="e-16">
                                    <div class="e-9">
                                        <div class="e-10">01</div>
                                        <div class="e-11"></div>
                                        <div class="e-12">2017-01</div>
                                    </div>
                                    <div class="e-13">
                                        <div class="e-14">这是一条新闻标题告知公司最近发生了什么</div>
                                        <div class="e-15">新闻详情点击这里，这里是新闻的详情点击之后可以进行了解公司，文字均可以替换成自己公司的。新闻详情点击这里，这里是新闻的详情点击之后可以进行了解公司，文字均可以替换成自己公司的。</div>
                                    </div>
                                </div>
                            </div>
                        </a></li>
                        <li><a href="javascript:;">
                            <div class="e-6"><img class="e-7" src="@/assets/image/architecture-1850129_1920.png"/></div>
                            <div class="e-8">
                                <div class="e-16">
                                    <div class="e-9">
                                        <div class="e-10">01</div>
                                        <div class="e-11"></div>
                                        <div class="e-12">2017-01</div>
                                    </div>
                                    <div class="e-13">
                                        <div class="e-14">这是一条新闻标题告知公司最近发生了什么</div>
                                        <div class="e-15">新闻详情点击这里，这里是新闻的详情点击之后可以进行了解公司，文字均可以替换成自己公司的。新闻详情点击这里，这里是新闻的详情点击之后可以进行了解公司，文字均可以替换成自己公司的。</div>
                                    </div>
                                </div>
                            </div>
                        </a></li>
                        <li><a href="javascript:;">
                            <div class="e-6"><img class="e-7" src="@/assets/image/architecture-1850129_1920.png"/></div>
                            <div class="e-8">
                                <div class="e-16">
                                    <div class="e-9">
                                        <div class="e-10">01</div>
                                        <div class="e-11"></div>
                                        <div class="e-12">2017-01</div>
                                    </div>
                                    <div class="e-13">
                                        <div class="e-14">这是一条新闻标题告知公司最近发生了什么</div>
                                        <div class="e-15">新闻详情点击这里，这里是新闻的详情点击之后可以进行了解公司，文字均可以替换成自己公司的。新闻详情点击这里，这里是新闻的详情点击之后可以进行了解公司，文字均可以替换成自己公司的。</div>
                                    </div>
                                </div>
                            </div>
                        </a></li>
                    </ul>
                    <div class="a-35 e-17">
                        <a class="active" href="javascript:;">1</a>
                        <a href="javascript:;">2</a>
                        <a href="javascript:;">3</a>
                        <a href="javascript:;" style="line-height: 30px;">...</a>
                        <a href="javascript:;">20</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    import Header from '@/views/header.vue';
    import {tradeNewsList} from '@/api/listNews';
    export default {
        components:{
            Header
        },
        created(){
          this.getTradeNewsList(1);
        },
        data(){
          return{
            tradeNewsList:[],
            currentPage:1
          }
        },
        methods:{
          getTradeNewsList(e){
            let data={currentPage:e}
            tradeNewsList(data).then(response=>{
              this.tradeNewsList=response.data.tradeNewsList;
              this.currentPage=response.data.currentPage;
            })
          }
        },
        name: "index"
    }
</script>

<style scoped>
    @import "../../css/index.css";
    @import "../../css/list_news.css";
    @import "../../css/idangerous.swiper.css";
</style>
